<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<header>
<div id="demo" class="container">
<div class="row">
<div class="col-md-12">
<h1>Thumbnail Hover zoom Images without click</h1>
<p><b>Help Comments in Code</b> <br>
Alpha v.1 (Test - No Mobile Support - you can add it, or wait a bit for new Version - Try to View <a href="https://bootsnipp.com/fullscreen/K0e9x" target="blank">Full-Screen</a>) </p>
</div>
<div class="col-md-4 item-1 ">
<img src="https://static.pexels.com/photos/632523/pexels-photo-632523.jpeg" class="img-responsive" />
</div>
<div class="col-md-4 item-2">
<img src="https://static.pexels.com/photos/633198/pexels-photo-633198.jpeg" class="img-responsive" />
</div>
<div class="col-md-4 item-3">
<img src="https://static.pexels.com/photos/633276/pexels-photo-633276.jpeg" class="img-responsive" />
</div>
</div>
</div>
</header>
